/* Responsive hero elements rely on utilities from theme.css */
/* Blur and motion values reference spacing and duration tokens */
.c-responsive-hero-placeholder {
  filter: blur(var(--space-5));
  transition: opacity var(--duration-normal) var(--easing-standard);
  z-index: 1;
}
.c-responsive-hero-placeholder.is-loaded {
  opacity: 0;
}

.c-responsive-hero-placeholder,
.c-responsive-hero-img {
  /* absolute positioning handled by .u-absolute-fill */
  object-fit: cover;
}

.c-responsive-hero-img {
  opacity: 0;
  transition: opacity var(--duration-normal) var(--easing-standard);
  z-index: 2;
}
.c-responsive-hero-img.is-loaded {
  opacity: 1;
}

.c-responsive-hero-content {
  /* content overlay centered via .u-flex-center and positioned by .u-absolute-fill */
  z-index: 3;
}
